語法再怎麼熟,欠缺網頁製作流程knowhow,永遠只能做出陽春範例！
許多網頁設計新手初學HTML跟CSS時,經常不斷在基礎語法上打轉,卻始終對「如何製作出一個完整網頁」還是一知半解,結果就是只能作出零碎、陽春的範例...,那不叫網頁,只是練習完產生的HTML檔啦！
學HTML+CSS的目的是什麼？當然是想「做出網頁」啊！這麼單純而重要的需求,很多書卻都忽略掉了！
為了解決初學者的困境,本書將從實務的網頁製作流程著手,【完整示範如何將一個純文字內容StepbyStep製作成精緻的網頁】,您可從中掌握各種網頁製作knowhow,包括網頁架構的規劃、各種標籤/選擇器的使用時機、版面Layout如何設計、以及最讓新手頭腦打結的border/padding/margin數值計算......等。
而這樣的教學方式在本書初版上市以來就深受讀者好評推薦：
「市面上太多本HTML+CSS的書與現實脫節,本書完整將網頁的撰寫流程向大家交代。」
「作者把做一個網頁的架構技術,很流暢地介紹出來,降低剛開始寫網頁的混亂感。」
秉持相同的概念,續作【第二版】則增加了更方便的網頁版面設計技巧-【CSSflexbox】的介紹,此外,對現今網頁製作者來說絕對無法迴避的【行動版/RWD網頁】,也有StepbyStep的製作說明。書中精心設計了各種示意圖幫助您了解重要概念,再也不怕學不會,能夠讓您迅速成為網頁設計的即戰力！
本書特色:
‧陽春範例退散！從零開始教你設計精緻網頁
純文字→HTML作標記→CSS設樣式→精緻網頁,StepbyStep超詳盡示範實作流程！
‧超豐富示意圖解說入門觀念,想不會都不行！
‧用HTML正確標記標題、段落、section/div/span等區塊
‧id、class名稱、網頁圖檔的命名規則
‧用CSS3逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊
‧豐富圖解熟悉border/padding/margin,頭腦不再打結
‧製作多欄式版面
‧網路字型、圖示字型的使用
【第二版】特別強打內容：
‧CSS版面設計的主流手法-flexbox
‧行動版網頁/RWD網頁的設計技巧
網頁設計 語法 流程 版面設計 CSS CSS3 HTML LAYOUT
